<%-- 
    Document   : NovoPedido
    Created on : 31/05/2014, 18:14:15
    Author     : Julio
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Novo Pedido</title>
        
        <style>
            body{
                background: #F0FFF0;
            }
            
            
            #opcao{
               text-align: center;
                font: bold 50px/45px sans-serif;
                margin-top: 10px;
                
            }
            
            #campototal{
                text-align: center;
                font: bold 20px/45px sans-serif;
                background-color: #54FF9F;
                width: 1000px;
                height: 700px;
                margin-left: 130px;
                margin-right: 130px;
                margin-top: 70px;
                border-bottom-color: black;
                border-radius: 10px;
                
                
            }
            #opcaopao{
                background: blue;
                height: auto;
                width: 200px;
                border-radius: 10px;
                margin-top: 10px;
                margin-left: 90px;
                float: left;
                 
            }
             #opcaoqueijo{
                 background:#66ffff;
                height: auto;
                width: 200px;
                border-radius: 10px;
                float:left;
                margin-top:10px;
                margin-left: 10px;
             }
              #opcaorecheio{
                  background:#ff3333;
                height: auto;
                width: 200px;
                border-radius: 10px;
                float:left;
                margin-top:10px;
                margin-left: 10px;
             }
              #opcaosalada{
                  background:#ccff33;
                height: auto;
                width: 200px;
                border-radius: 10px;
                float:left;
                margin-top:10px;
                margin-left: 10px;
             
              }
              #escolha{
                  font: bold 20px/45px sans-serif;
                  margin-left: 1px;
              }
              
              #msg{ width: 500px; height: 150px; resize: none;}
              
            
        </style>    
        
    </head>
    
    <body>
        <div id="opcao":>
            Novo Pedido
         </div>     
        
        <div id="campototal">
            
            <div id="opcaopao">
                <b> Tipos de Pães </b>
                <table >
                    <tr><th>Nº-</th><th>Nome</th> </tr>
                    <tr><th>1-</th><th>Italiano</th> </tr>
                    <tr><th>2-</th><th>Integral</th> </tr>
                    <tr><th>3-</th><th>Sírio</th> </tr>
                    <tr><th>4-</th><th>7 Grãos</th></tr>
                </table>    
                
            </div>
            
            <div id="opcaoqueijo">
                <b> Tipos de Queijo </b>
                <table >
                    <tr><th>Nº-</th><th>Nome</th> </tr>
                    <tr><th>1-</th><th>Cheddar</th> </tr>
                    <tr><th>2-</th><th>Suíço</th> </tr>
                    <tr><th>3-</th><th>Prato</th> </tr>
                    <tr><th>4-</th><th>Branco</th> </tr>
                </table>
                
            </div>    
            
            <div id="opcaorecheio">
                <b> Tipos de Recheio </b>
                <table >
                    <tr><th>Nº-</th><th>Nome</th> </tr>
                    <tr><th>1-</th><th>Frango</th> </tr>
                    <tr><th>2-</th><th>Carne</th> </tr>
                    <tr><th>3-</th><th>Peito de Peru</th> </tr>
                    <tr><th>4-</th><th>Calabresa</th> </tr>
                </table>
                
            </div>
            
            <div id="opcaosalada">
                <b> Tipos de Salada </b>
                <table >
                    <tr><th>Nº-</th><th>Nome</th> </tr>
                    <tr><th>1-</th><th>Tomate</th> </tr>
                    <tr><th>2-</th><th>Alface</th> </tr>
                    <tr><th>3-</th><th>Azeitonas</th> </tr>
                    <tr><th>4-</th><th>Rucula</th> </tr>
                </table>
                
            </div>
            
            <div id="escolha">
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                
                <form metho="post" action="PedidoFeito.jsp">
                    Escreva apenas uma Opção de cada Item<br>
                    Pão
                    <input type="text" name="txt_pão"/>
                   Queijo <input type="text" name="txt_queijo"/>
                    Recheio <input type="text" name="txt_recheio"/>
                    Salada <input type="text" name="txt_salada"/>
                    <br>
                    Observações: <br>
                    <textarea id="msg" rows="4">
                     
                        
                    </textarea>
                    </br>
                    <input type="submit" value="Finalizar Pedido" />
                    
                    
                </form>
                
                
            </div>
            
        </div>    
        
        
        
    </body>
</html>
